<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./style/download/iconfont.css" />
    <link rel="stylesheet" href="./style/style.css" />
</head>

<body>
    <!-- <button>dianji</button> -->
    <header>
        <div>
            <p>2021</p>
            <span>年</span>
            <p>10</p>
            <span>月</span>
            <p>22</p>
            <span>日</span>
            <p>9 : 10</p>
            <p>星期五</p>
        </div>
        <h2>斐波那契问题</h2>
        <p>多云</p>
    </header>
    <main>
        <div class="top">
            <div class="first-line">
                <span></span>
                <span></span>
            </div>
            <div class="second-line">
                <span></span>
                <span></span>
            </div>
            <div class="third-line">
                <span></span>
                <span></span>
            </div>
            <div class="forth-line">
                <span></span>
                <span></span>
            </div>
            <div class="fifth-line">
                <div>
                    <div>
                        <span></span>
                        <div>
                            <span></span>
                            <p></p>
                        </div>
                    </div>
                    <i class="iconfont icon-radio-on-full"></i>
                </div>
                <h5>FIBONACCI</h5>
                <div>
                    <i class="iconfont icon-radio-on-full"></i>
                    <div>
                        <span></span>
                        <div>
                            <p></p>
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <section>
        <div class="first-content">
            <div id="first-echarts"></div>
            <div id="second-echarts"></div>
        </div>
        <div class="second-content">
            <div>
                <h3>点击按钮生产相应的图</h3>
                <div>
                    <button>1</button>
                    <button>2</button>
                    <button>3</button>
                    <button>4</button>
                    <button>5</button>
                    <button>6</button>
                </div>
            </div>
            <div>
                <div id="third-echarts"></div>
            </div>
        </div>
        <div class="third-content">
            <div id="forth-echarts"></div>

            <table id="fifth-echarts">
                <thead>
                    <tr>
                        <th>算法</th>
                        <th>输入</th>
                        <th>启动</th>
                        <th>时间</th>
                        <th>结果</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>迭代</td>
                        <td><input type="text"></td>
                        <td><button>开始</button></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>递归</td>
                        <td><input type="text"></td>
                        <td><button>开始</button></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>公式</td>
                        <td><input type="text"></td>
                        <td><button>开始</button></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>矩阵</td>
                        <td><input type="text"></td>
                        <td><button>开始</button></td>
                        <td></td>
                        <td></td>
                    </tr>

                </tbody>
            </table>

    </section>
    <script src="./fun/flexible.js"></script>
    <script src="./fun/node_modules/echarts/dist/echarts.min.js"></script>
    <script src="./fun/Myfun.js"></script>
</body>

</html>